/* eslint-disable react-hooks/rules-of-hooks */
import React from 'react'
import styles from './css/detail.module.css'
import { ResultPage, Card, Button } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
function index() {
    let nav=useNavigate()
  return (
    <div>
        <ResultPage
      status=''
      title=''
      description=''
      
    >
        <div className={styles.row1}>
        <div className={styles.row1Item}>
          <span style={{ fontWeight: "bold", color: "skyblue" }}>
           06:24
          </span>
          <span>北京西</span>
        </div>
        <div className={styles.row1Item}>
          <span style={{ color: "gray" }}>G534</span>
         
        </div>
        <div className={styles.row1Item}>
          <span style={{ fontWeight: "bold" }}>15:20</span>
          <span>厦门</span>
        </div>
       
      </div>
      <ResultPage.Card style={{  padding: 8 }}>
         <div className={styles.row13}>
            <span>硬座</span>
            <span>￥252</span>
            <Button color='primary' fill='solid' onClick={()=>nav('/order')}>
            预约抢票
          </Button>
          </div>
         <div className={styles.row13}>
            <span>硬卧</span>
            <span>￥437</span>
            <Button color='primary' fill='solid' onClick={()=>nav('/order')}>
            预约抢票
          </Button>
          </div>
          <div className={styles.row13}>
            <span>软卧</span>
            <span>￥689</span>
            <Button color='primary' fill='solid' onClick={()=>nav('/order')}>
            预约抢票
          </Button>
          </div>
          <div className={styles.row13}>
            <span>无座</span>
            <span>￥252</span>
            <Button color='primary' fill='solid' onClick={()=>nav('/order')}>
            预约抢票
          </Button>
          </div>
      </ResultPage.Card>

      
    </ResultPage>
    </div>
    
  )
}

export default index
